<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE-Edge,chrome=1">
    <title>部门管理</title>
    <link rel="stylesheet" href="css/departmentManage.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/laydate.css">
    <script src="js/jquery-3.5.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/data.js"></script>
    <script src="js/departmentManage.js"></script>
    <script type="text/javascript" src="js/laydate.js"></script>
</head>
<body>
    <div class="depBox">
        <div class="depTop">
            <div>
                <button class="dep_blDel">批量删除</button>
                <button class="dep_btAdd">添加</button>
            </div>
<!--            数据条数显示-->
            <div>共有数据：<span class="de_totalData"></span>条</div>
        </div>
<!--        <div class="table-responsive">-->
        <table cellpadding="0" cellspacing="0" class="loadInfo">
<!--            表头-->
            <thead>
                <tr>
                    <td><input type="checkbox" class="de_checkAll"></td>
                    <td>编号</td>
                    <td>部门名</td>
                    <td>成立时间</td>
                    <td>部门简介</td>
                    <td>部门成员</td>
                    <td>操作</td>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
<!--        </div>-->
<!--        分页-->
        <div class="de_pageBt"></div>
<!--        编辑框-->
        <div class="de_editDiv">
            <h2></h2>
            <div>
                id:<br/><input type="text"><br/><span></span>
                部门名:<br/><input type="text"><br/><span></span>
                录入时间:<br/><input class="laydate-icon input_time" id="demo"><br/>
                部门简介:<br/><textarea name="" id=""></textarea>
            </div>
            <div>
                <button type="button" class="de_btCancel">取消</button>
                <button type="button" class="de_btEnter">确定</button>
                <span></span>
            </div>
        </div>

        <!--    遮罩层-->
        <div class="mask"></div>

<!--        显示部门成员div-->
        <div class="de_showPerson">
            <table cellpadding="0" cellspacing="0" class="showPerson">
                <thead>
                    <tr>
                        <td>编号</td>
                        <td>员工名</td>
                        <td>性别</td>
                        <td>职位</td>
                        <td>联系电话</td>
                        <td>文凭</td>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>

<!--        提示框-->
        <div class="confirm">
            <h2>提示框</h2>
<!--            <div class="hr"></div>-->
            <div class="content"></div>
            <div><button type="button" class="confirm_enter">确定</button><button type="button" class="confirm_cancel">取消</button></div>
        </div>
    </div>
</body>
</html>